<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Rincón Teleco!!</title>
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.min.css"> 
        <style>
            .item {

                <%-- Modificar aqui la imagen de la cabecera--%>

                background: transparent ;

                padding-top: 10px; 
            }

        </style>
    </head>
    <body style="background: url('<%= request.getContextPath()%>/img/shattered.png') center repeat">

        <div class="container">
            <div class="item row-fluid">
                <div class="span9 hero-unit" style="background: transparent; border: transparent; text-align: center">

                    <h1>
                        El Rincón Teleco
                    </h1>
                </div>
                <div class="span3" style="padding: 0px 15px;">
                    <form class="well" method="post" action="<%= request.getContextPath()%>/ServletLogin">                       
                        <% if (request.getParameter("error") != null) {%><div class="alert alert-error">Datos incorrectos / usuario inactivo</div> <% }%>
                        <label>Código</label><input type="text" name="codigo" class="input-block-level" type="text" placeholder="codigo">
                        <label>Password</label><input type="password" name="password" class="input-block-level" type="password" placeholder="password">
                        <p  style="color: #f89406">
                            <a href="<%= request.getContextPath()%>/contrasenha/recuperar.jsp"><small>Olvide mi contraseña </small></a>
                        </p>
                        <button  type="submit" class="btn btn-primary">Login</button>    
                        <button type="submit" class="btn btn-success">
                            <a href="<%= request.getContextPath()%>/contrasenha/register.jsp" data-transition="fade"data-rel="dialog">Register</a>
                        </button>
                    </form>
                </div>
            </div> 

            <!-- Navbar
            ================================================== -->

            <div class="navbar " >
                <div class="navbar-inner">                    
                    <ul class="nav" >
                        <li><a href="#"><i class="icon-home"></i> Inicio</a></li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Cursos <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu" >
                                    <a href="#">Ciclo 5</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">

                                    <a href="#">Ciclo 6</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>    

                                </li>

                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 7</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 8</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 9</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 10</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>

                                <li class="divider"></li>
                                <li class="nav-header">Electivos</li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de libre disponibilidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de la especialidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>
                        <li><a href="http://btpucp.pucp.edu.pe/" target="_blank">Bolsa de Trabajo</a> </li>
                        <li><a href="https://pandora.pucp.edu.pe/pucp/login?TARGET=http%3A%2F%2Feros.pucp.edu.pe%2Fpucp%2Fjsp%2FIntranet.jsp" target="_blank">Intranet</a></li>

                    </ul> 
                    <div class="input-append pull-right" style="padding-top: 5px">
                        <input class="span2" id="buscar" type="text">
                        <button class="btn" type="button"><i class="icon-search"></i></button>
                    </div>
                </div>
            </div>




            <div class="row-fluid" id="inicio">
                <div class="well span9">
                    <br>
                    <div class="span8">
                        <legend>Recuperar tu contraseña.
                            <br>
                            <small style="margin-left: 15px;">Ingrese su código y se le enviará un correo electrónico con más detalles. </small>
                        </legend>
                    </div>
                    <div class="control span9">
                        <form id="frmPage1" action="<%= request.getContextPath()%>/ServletUsuario?action=olvide_pass" method="post" name="PForm1">
                            <div data-role="content"> 
                                <div data-role="fieldcontain">
                                    <fieldset data-role="controlgroup" data-mini="true">
                                        <label for="textinput1">
                                            Ingrese su codigo:
                                        </label>
                                        <input type="text" name="textinput1" id="textinput1" placeholder="" value="" class="validate[custom[email],length[0,8]]" />
                                    </fieldset>
                                    <button type="submit" data-theme="f" name="submit" value="submit-value">Enviar</button>
                                    <input type="hidden" name="accion" id="accion" value="1">
                                </div>
                            </div>

                        </form>
                            <%--todo el form se ha cambiado para que al ingresar el parametro codigo el campo valla al servlet dado que es la accion 1 el que se ejecutara--%>
                        <legend>
                            <small style="margin-left: 15px;">No es usuario aún? haga click <a href="<%= request.getContextPath()%>/contrasenha/register.jsp">aquí</a> para registarse!</small>
                        </legend>



                    </div>
                </div>
                <div class=" well span3">

                    <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                        <div class="span14">        
                            <ul class="nav nav-list well">
                                <li><h5  align=center  ><i class="icon-star"></i> Lo Más Reciente</h5></li>
                                <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                            </ul>
                        </div>
                    </div>
                    <br>


                    <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                        <div class="span14">        
                            <ul class="nav nav-list well">
                                <li><h5  align=center  ><i class="icon-star"></i> Lo Más Descargado</h5></li>
                                <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                            </ul>
                        </div>
                    </div>
                    <br>
                    <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                        <div class="span14">        
                            <ul class="nav nav-list well">
                                <li><h5  align=center  ><i class="icon-star"></i> Lo Más Valorado</h5></li>
                                <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                            </ul>
                        </div>
                    </div>


                </div>   

            </div> 

            <!-- Footer
             ================================================== -->
            <footer class="footer" id="bottom"><hr>
                <p class="pull-right"><a href="#">Ir arriba</a></p>
                <p align=center>El Rincón Teleco | © 2012 Pontificia Universidad Católica del Perú (PUCP) </p>
                <br><br></footer>

        </div><!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="<%= request.getContextPath()%>/js/jquery.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap-dropdown.js"></script>


    </body>
</html>
